import QtQuick 2.0
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.3
Rectangle {
    radius: 10

//    property int curyear
//    property int curmonth
//    property int curday
//    property int curhour
//    property int curminutes
//    property date currentDate: new Date()

//    property var current_year
//    property var current_month
//    property var current_day
//    //time format
//    property string curTimeFormat: "24H"  //12H
//    Component.onCompleted: {
//        updateDate();//load DateTime
//    }

//    function updateDate(){
//        var date_tring = currentDate.toLocaleDateString();
//        console.log("local = ",date_tring,currentDate.getFullYear(),currentDate.getDay())
//        curyear = parseInt(currentDate.getFullYear().toString());
//        curmonth = parseInt((currentDate.getMonth()+1).toString())
//        curday = parseInt(currentDate.getDay().toString())
//        curhour = parseInt(currentDate.getHours() .toString())
//        curminutes = parseInt(currentDate.getMinutes().toString())
//    }
//    id: calendar
//    visible: true
//    width: 645; height: 467;
//    color:"#383838"
//    property alias tumbler: year_tumbler
//    x: 0


//    Text {x:116; y:38;text: qsTr("Year")    ;font.pixelSize: 25;color: "#C4BFBD"}
//    Text {x:190; y:38;text: qsTr("Month")   ;font.pixelSize: 25;color: "#C4BFBD"}
//    Text {x:280; y:38;text: qsTr("Day")     ;font.pixelSize: 25;color: "#C4BFBD"}
//    Text { x: 400;y:38;text: qsTr("Hour")   ;font.pixelSize: 25;color: "#C4BFBD"}
//    Text { x: 484;y:38;text: qsTr("Min")    ;font.pixelSize: 25;color: "#C4BFBD"}
//    //year
//    Tumbler {
//        id: year_tumbler

//        x: 100; y:100; width: 272; height: 234
//        TumblerColumn {
//            id: tumblerYearColum
//            width: 69
//            model: {
//                var array = [];
//                for (var i = 2000; i < 2100; ++i) {
//                    array.push(i.toString() );
//                }
//                model = array;
//            }

//            onCurrentIndexChanged: {
//                //    当前如果为2月  可能需要更新2月份天数    下标为1
//                if(tumblerMonthColum.currentIndex === 1)
//                {
//                    tumblerDayColumn.updateModel()
//                }
//                current_year = model[currentIndex]
//            }
//        }
//        Component.onCompleted: {
//            year_tumbler.setCurrentIndexAt(0,curyear-2000);
//        }
//    }

//    //month
//    Tumbler {
//        id: monthTumbler
//        x:190;  y:100; width: 360; height: 234

//        TumblerColumn {
//            id: tumblerMonthColum
//            width: 69
//            model:  {
//                var array = [];
//                for (var i = 1; i <= 12; ++i) {
//                    if(i.toString().length==1){
//                        array.push("0"+i.toString() );
//                    }
//                    else{
//                         array.push(i.toString() );
//                    }
//                }
//                model = array;
//            }
//            //update dayTumbler
//            onCurrentIndexChanged: {
//                current_month = model[currentIndex]
//                tumblerDayColumn.updateModel()
//            }
//        }

//        Component.onCompleted: {
//            monthTumbler.setCurrentIndexAt(0,curmonth-1)
//        }
//    }

//    //day
//    Tumbler{
//        id: dayTumbler
//        x:280;  y:100; width: 360; height: 234

//        readonly property var days: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
//        TumblerColumn {
//            id: tumblerDayColumn
//            width: 69
//            model: 31
//            function updateModel() {
//                var previousIndex = tumblerDayColumn.currentIndex;
//                var newDays = dayTumbler.days[tumblerMonthColum.currentIndex]
//                //闰年&2月份 下标+1
//                if((tumblerYearColum.currentIndex%4 == 0) && (tumblerMonthColum.currentIndex == 1)){
//                    newDays = dayTumbler.days[tumblerMonthColum.currentIndex]+1
//                }
//                console.log("newDays111",newDays,previousIndex)

//                var array = [];
//                for (var i = 0; i < newDays; ++i) {
//                    if((i+1).toString().length==1){

//                        array.push("0"+(i +1).toString());
//                    }
//                    else{
//                         array.push((i +1).toString() );
//                    }

//                }
//                model = array;
//                dayTumbler.setCurrentIndexAt(0, Math.min(newDays - 1, previousIndex));
//            }
//            onCurrentIndexChanged: {
//                current_day =model[currentIndex]

//            }
//        }
//        Component.onCompleted: {
//            console.log("Component",curday)
//            dayTumbler.setCurrentIndexAt(0,curday-1)
//        }
//    }

//    //h
//    Tumbler{
//        id: hTumbler
//        x: 400
//        y:100; width: 360; height: 234

//        TumblerColumn {
//            id: tumblerhColumn
//            width: 69
//            model: 24
//        }
//        Component.onCompleted: {
//            console.log("Component",curhour)
//            hTumbler.setCurrentIndexAt(0,curhour-1)
//        }
//    }

//    //m
//    Tumbler{
//        id: mTumbler
//        x: 484
//        y:100; width: 360; height: 234

//        TumblerColumn {
//            id: tumblermColumn
//            width: 69
//            model: 60
//        }
//        Component.onCompleted: {
//            console.log("Component",curminutes)
//            mTumbler.setCurrentIndexAt(0,curminutes-1)
//        }
//    }

//    //两条线段
//    Rectangle{ x:0;y:213;width: 843;color: "#474747"; height: 1}
//    Rectangle{ x:0;y:258;width: 853;color: "#474747";height: 1}

//    Rectangle{ x:473;y:396;width: 138;
//        color: "#474747";
//        height: 55
//        radius: 10
//        Text {
//            font.pixelSize: 30;color: "#ED8117"
//            text: qsTr("OK")
//            anchors.centerIn: parent
//        }
//        MouseArea{
//            anchors.fill: parent
//            propagateComposedEvents: false
//            anchors.rightMargin: 1
//            anchors.bottomMargin: 0
//            anchors.leftMargin: -1
//            anchors.topMargin: 0
//            onClicked: {
//                console.log("current select time = ",current_year,current_month,current_day)
//            }
//        }

//    }

}

